﻿<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <link type="text/css" href="css/pepper-grinder/jquery-ui-1.8.20.custom.css" rel="Stylesheet" /> 
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script>

     <!-- From here is my code -->
    <link href="css/MyStyle.css" rel="stylesheet" type="text/css" media="screen">       
    <script type="text/javascript" src="js/MyScript.js"></script>
    <script type="text/javascript" src="js/MemoryGame.jQuery.js"></script>
 
    <title>Online Resume</title>
</head>
<body>
    <div id="wrapper">
        <h1 style=""> Jennifer Jiang - Online Resume</h1>
        <p style="font-family: Arial; font-size: 14px; padding: 0px 10px;">
            Below is a list of features outlining my claim for a job in the field of information
            Technology.Click on each information bar to reveal information outlining my previous
            experience and skillset.Please contact me if you require further information</p>

        <div id="BioData">
            <div class="title">
                <img src="images/right_arrow.png" alt="" />
                <h2> My Biodata</h2>
            </div>
            <div class="content">              
                <table id="tab_bio">
	                <tr>
		                <td rowspan="6"><img id="bioimg" alt="" src="images/biodata1.jpg" style="padding-left:30px;">  </td>
		                <td class="item">NAME:</td><td>Jennifer Jiang </td>
	                </tr>
	                <tr><td class="item">AGE:</td><td>3 years old</td></tr>
	                <tr><td class="item">ADDR:</td><td>No1.Crystal Rd,PeterSham NSW</td></tr>
	                <tr><td class="item">EMAIL:</td><td>JenniferJiang@mail.com</td></tr>
	                <tr><td class="item">PHONE:</td><td>0451234567</td></tr>
			        <tr><td class="item">INTERESTS:</td><td>Reading, Painting, Sport</td></tr>  
	                <tr>
                        <td colspan="3" style="padding:15px 0px 3px 20px;line-height: 1.5em; " >
                             <b>PERSONAL STATEMENT: </b> I am a successful Project Manager with expertise in project life cycles, planning, executing, controlling and closing projects delivering business value and delighting stakeholders.
	                    </td>
	                </tr>	
                </table>
                          
            </div>
        </div>

        <div id="Education">
            <div class="title">
                <img src="images/right_arrow.png" alt="" />
                <h2>Educational Background</h2>
            </div>
            <div class="content">
                <table id="table_education">
                    <thead>
                        <tr><th>Year</th><th>School</th><th>Description</th><th>Link</th></tr>
                    </thead>
                    <tbody>
                        <tr><td>1993-1996</td><td>PeterSham High School</td><td></td><td><a href="javascript:void(0)">Link</a></td></tr>
                        <tr><td>1993-1997</td><td>UTS</td><td>Computer Science and Technology</td><td><a href="javascript:void(0)">Link</a></td></tr>
                        <tr><td>1998-2000</td><td>UNSW</td><td>Computer Science,Software</td><td><a href="javascript:void(0)">Link</a></td></tr>
                        <tr><td>2001-2002</td><td>PeterSham Tafe</td><td>Certificate IV of programming</td><td><a href="javascript:void(0)">Link</a></td></tr>
                        <tr><td>2002-2003</td><td>PeterSham Tafe</td><td>Diploma of programming</td><td><a href="javascript:void(0)">Link</a></td></tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div id="Skills">
            <div class="title">
                <img src="images/right_arrow.png" alt="" />
                <h2>Experience and Skills
                </h2>
            </div>
            <div class="content">
                <div class="tab_menu">
                    <ul>
                        <li class="selected" style="margin-left: 15px;">Experience</li>
                        <li>Technical Skills</li>
                        <li>Certificates</li>
                        <li>Others</li>
                    </ul>
                </div>
                <div class="tab_box">
                    <div>
                        <table id="table_skill" style="margin: 0px 10px; border-collapse: separate;">
                            <tbody>
                                <tr><td class="workblock" style="padding-top: 5px;">
                                        <table>
                                            <tr><td><b>Title:</b></td><td><b>Senior .Net Developer</b></td></tr>
                                            <tr><td>Company:</td><td>Axios IT Pty Ltd</td></tr>
                                            <tr><td>Description:</td><td>Completed a full site survey for a Central Government website highlighting 
                                                browsercompatibility issues and development steps needed to comply with W3C standards.</td>
                                            </tr>
                                            <tr><td>Duration:</td><td>2009-2012</td></tr>
                                            <tr><td>More:</td><td><a href="javascript:void(0)">Link</a></td></tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr><td class="workblock">
                                        <table>
                                            <tr><td><b>Title:</b></td><td><b>Junior .Net Developer</b></td></tr>
                                            <tr><td>Company:</td><td>ABC Software IT Pty Ltd</td></tr>
                                            <tr><td>Description:</td>
                                             <td>
                                                    Part of the team that achieved ‘Welsh Website of the Year’, beating off competition
                                                    from over 300 entrants.
                                              </td></tr>
                                            <tr><td>Duration:</td><td>2007-2009</td></tr>
                                            <tr><td>More:</td><td><a href="javascript:void(0)">Link</a></td></tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr><td class="workblock">
                                        <table>
                                            <tr><td><b>Title:</b></td><td><b>Test Leader</b></td></tr>
                                            <tr><td>Company:</td><td>UFIDA Software CO. Pty Ltd</td></tr>
                                            <tr><td>Description:</td><td>
                                                    Implemented a shopping cart feature for a client that reduced lost sales by 75%,
                                                    creating additional £25k revenue within 12 months.
                                            </td></tr>
                                            <tr><td>Duration:</td><td>2000-2007</td></tr>
                                            <tr><td>More:</td><td><a href="javascript:void(0)">Link</a></td></tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr><td class="workblock" style="border-bottom: 0px;">
                                        <table>
                                            <tr><td><b>Title:</b></td><td><b>Junior Tester</b></td></tr>
                                            <tr><td>Company:</td><td>AVICT Software CO. Pty Ltd</td></tr>
                                            <tr><td>Description:</td>
                                             <td>
                                                    Developed a new navigation structure that was tested in user focus groups against
                                                    8 other designs. My code was seen to be at least 20% more efficient than all the
                                                    other designs.
                                              </td></tr>
                                            <tr><td>Duration:</td><td>1998-2000</td></tr>
                                            <tr><td>More:</td><td> <a href="javascript:void(0)">Link</a></td></tr>
                                        </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="hide">
                        <ul>
                            <li style="margin-top: 10px;">Microsoft Office</li>
                            <li>Microsoft Project</li>
                            <li>Microsoft VB,C#</li>
                            <li>ASP.NET,JQuery</li>
                            <li>HTML,XML,CSS</li>
                            <li>SQL,Oracle</li>
                            <li>QTP,LoadRunner,NUnit</li>
                            <li>Clear Quest,Clear Case</li>
                        </ul>
                    </div>
                    <div class="hide">
                        <ul>
                            <li style="margin-top: 10px;">Prince 2 Certified</li>
                            <li>Project Management training (PMP) certification</li>
                            <li>Microsoft Certified Professional (MCP)</li>
                            <li>HP-Mercury Specialist Product(SP)</li>
                            <li>HP-Mercury Certified Product Education (CPE)</li>
                        </ul>
                    </div>
                    <div class="hide">
                        <ul>
                            <li style="margin-top: 10px;">Achievements
                                <p>
                                    - Took charge of a multi-million systems integration which was successfully rolled
                                    out across 15 locations<br />
                                    - Successfully managed and won bid and project for six-figure project definition
                                    and design phase<br />
                                    - Managed of 60 employees across 4 locations including large offshore and third
                                    party contractors<br />
                                    - Led a team of technical staff through defining the requirements for several support
                                    applications for the use of customer services staff
                                </p>
                            </li>
                            <li>Memberships<p>
                                - Association for Project Management (APM)</p>
                            </li>
                            <li>Languages
                                <p>
                                    - Chinese (fluent)<br />
                                    - English (fluent)<br />
                                    - Spanish (basic)
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div id="Presentation">
            <div class="title">
                <img src="images/right_arrow.png" alt="" />
                <h2>Resume Presentation</h2>
            </div>
            <div class="content">
                <div id="present" style="border-radius: 5px;">
                </div>
                <div id="btnview" style="clear: both; margin-left: 330px;">
                    <img id="goLeft" src="images/left.gif" alt="" title="Prev"/>
                    <img id="goRight" src="images/right.gif" alt="" title="Next" />
                    <span>&nbsp;1/5&nbsp;</span>
                </div>
            </div>
        </div>

        <div id="Contact">
            <div class="title">
                <img src="images/right_arrow.png" alt="" />
                <h2>Contact Me</h2>
            </div>
            <div class="content">
                <form>
                <div class="int">
                    <label for="username">Your Name:</label>
                    <input type="text" id="username" class="required  tooltip" placeholder="Enter your Name" title="Name field contain 6-20 characters" />                
                </div>    
                               
                <div class="int">
                    <label for="phone">
                        Phone:</label>
                    <input type="text" id="phone" class="required  tooltip"  title="Phone number format: (00)0000-0000"/>
                </div>
              
                <div class="int">
                    <label for="email">
                        Your Email:</label>
                    <input type="text" id="email" class="required" placeholder="Enter your Email" />
                </div>
                
                <div class="int" >
                    <label for="dateinput">
                        Date:</label>
                    <input type="text" class="required" id="dateinput" readonly="readonly"  style="float:left;" />               
                                    
                </div>
                      
                <div class="int">
                    <label>Reason:</label>
                    <textarea id="reason" placeholder="Content "></textarea><br />
                </div>
                </form>
                <button id="send">Submit</button>
                <div id="dialog" title="Submit Message">
	                <p style="display: none;" ></p>
                </div>
            </div>
        </div>

        <div id="OnlineGame">
            <div class="title">
                <img src="images/right_arrow.png" alt="" />
                <h2>Online Game</h2>
            </div>
            <div class="content">
                <div class="game"></div>
                <div id="arebottom">
                     <button id="start" style="width:100px;border-radius: 2px;">PLAY AGAIN</button>
                     <span style="margin-left:20px; font:normal 12px Arial;">Theme:</span>    
                     <select id="curtheme" name="curtheme" >
                        <option >Sesame_Street</option>            
                        <option>Shape</option>
                        <option>Animal</option>
                        <option>Letter</option>
                        <option  selected="selected" >Fruit</option>
                        <option>Face</option>
                        <option>Number</option>
                      </select>
                  </div>
                
            </div>
        </div>
       
         <div style="height:80px;"></div>
    </div>
</body>
</html>
